import React from "react";
// import { Link } from "react-router-dom"; //普通跳转
import { NavLink } from "react-router-dom";   //导航link  有classname

export default class Nav extends React.Component {
    render() {
        return (
            <ul>
                <li><NavLink   activeStyle={{
                    color: 'green'
                }} to="/">home</NavLink></li>
                <li><NavLink activeClassName="selected" to="/list">list</NavLink></li>
                <li><NavLink activeClassName="selected" to="/PropsPage">PropsPage</NavLink></li>
                <li><NavLink activeClassName="selected" to="/locationSerach?id=99">locationSerach</NavLink></li>
                <li><NavLink activeClassName="selected" to="/cdx">重景象</NavLink></li>
            </ul>
        )
    }
}